<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>购物车</title>
    <meta name="keywords" content="#">
    <meta name="discription" content="#">
    <meta name="author" content="#">
    <link rel="shrotcut icon" href="logo.ico">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/shop_cart.css">
    <script src="js/jquery-1.11.3.min.js"></script>
</head>
<body>
<header>
    <div class="top">
        <div class="container clearfix">
            <ol class="clearfix">
                <li>风灵商城官方网站欢迎您！</li>
                <li><a href="login.html" class="login">登陆</a><a href="#">快速注册</a></li>
            </ol>
            <ul class="clearfix">
                <li>
                    <a href="#">
                        <img src="img/cart_icon.png" alt="cart_icon.png">
                        <span>购物车</span>
                    </a>
                    <div>
                        <span>0</span>
                        <img src="img/L_icon.png" alt="L_icon.png">
                    </div>
                </li>
                <li>
                    <a href="#" class="my_order"><span>我的订单</span><img src="img/L_icon.png" alt="L_icon.png"></a>
                    <a href="#"><span>我的详情</span><img src="img/L_icon.png" alt="L_icon.png"></a>
                </li>
                <li>
                    <a href="#" class="after_service">售后服务</a>
                    <a href="#">手机官网</a>
                </li>
            </ul>
        </div>
    </div>
    <div class="middle">
        <div class="container clearfix">
            <a href="index.html" class="logo">
                <img src="img/logo.png" alt="logo.png">
            </a>
            <ul>
                <li><span>风  灵  饰  品</span><span>智  慧  首  选</span></li>
                <li class="search clearfix">
                    <form action="#" name="form1" method="get">
                        <input type="text" placeholder="请输入要搜索的相关字">
                        <label>
                            <input type="submit" class="sub">
                            <img src="img/search_icon.png" alt="search_icon.png">
                        </label>
                    </form>
                    <a href="#">来电预约</a>
                    <ol class="clearfix">
                        <li><a href="#">人气TOP</a></li>
                        <li><a href="#">黄金</a></li>
                        <li><a href="#">黄金项链</a></li>
                        <li><a href="#">钻石戒指</a></li>
                        <li><a href="#">珍珠</a></li>
                        <li><a href="#">玉手镯</a></li>
                        <li><a href="#">手链</a></li>
                    </ol>
                </li>
            </ul>
        </div>
    </div>
</header>
<section>
    <h1>购物车</h1>
    <table cellpadding="0" cellspacing="0">
        <thead>
            <tr>
                <th class="col_width_1">
                    <div>
                        <img src="img/shop_cart_radio.png" alt="shop_cart_radio.png">
                        <img class="mark" src="img/shop_cart_radio_mark.png" alt="shop_cart_radio_mark.png">
                    </div>
                </th>
                <th class="col_width_2">全选</th>
                <th class="col_width_3">商品 </th>
                <th class="col_width_4">戒臂内圈刻字</th>
                <th class="col_width_5">时光环刻字</th>
                <th class="col_width_6">手寸</th>
                <th class="col_width_7">数量</th>
                <th class="col_width_8">金额</th>
                <th class="col_width_9">操作</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td class="col_width_1">
                    <div>
                    <img src="img/shop_cart_radio.png" alt="shop_cart_radio.png">
                    <img class="mark" src="img/shop_cart_radio_mark.png" alt="shop_cart_radio_mark.png">
                    </div>
                </td>
                <td class="col_width_2">
                    <a href="#"><img src="img/pro_pic_1.png" alt="pro_pic_1.png"></a>
                </td>
                <td class="col_width_3">
                    <a href="#">
                        <span>点滴时光-铂950-红18K对戒(男)</span>
                        <span>点滴时光-铂950-红18K钻石对戒(女)</span>
                    </a>
                </td>
                <td class="col_width_4">
                    <span>To Be love</span>
                </td>
                <td class="col_width_5">
                    <span>To Be love</span>
                </td>
                <td class="col_width_6">
                    <i>18</i>
                    <i>12</i>
                </td>
                <td class="col_width_7">
                    <div class="clearfix">
                        <button class="minus">-</button>
                        <input type="text" value="1">
                        <button class="add">+</button>
                    </div>
                </td>
                <td class="col_width_8">
                    <span>￥<i>80100</i></span>
                </td>
                <td class="col_width_9">
                    <span>删除</span>
                </td>
            </tr>
            <tr>
                <td class="col_width_1">
                    <div>
                    <img src="img/shop_cart_radio.png" alt="shop_cart_radio.png">
                    <img class="mark" src="img/shop_cart_radio_mark.png" alt="shop_cart_radio_mark.png">
                    </div>
                </td>
                <td class="col_width_2">
                    <a href="#"><img src="img/pro_pic_2.png" alt="pro_pic_2.png"></a>
                </td>
                <td class="col_width_3">
                    <a href="#">
                        <span>拥暖Ⅱ-白18K金钻石女戒 </span>
                    </a>
                </td>
                <td class="col_width_4">
                    <span>To Be love</span>
                </td>
                <td class="col_width_5">
                    <span>To Be love</span>
                </td>
                <td class="col_width_6">
                    <i>11.0</i>
                </td>
                <td class="col_width_7">
                    <div class="clearfix">
                        <button class="minus">-</button>
                        <input type="text" value="1">
                        <button class="add">+</button>
                    </div>
                </td>
                <td class="col_width_8">
                    <span>￥<i>10379</i></span>
                </td>
                <td class="col_width_9">
                    <span>删除</span>
                </td>
            </tr>
            <tr>
                <td class="col_width_1">
                    <div>
                        <img src="img/shop_cart_radio.png" alt="shop_cart_radio.png">
                        <img class="mark" src="img/shop_cart_radio_mark.png" alt="shop_cart_radio_mark.png">
                    </div>
                </td>
                <td class="col_width_2">
                    <a href="#"><img src="img/pro_pic_3.png" alt="pro_pic_3.png"></a>
                </td>
                <td class="col_width_3">
                    <a href="#">
                        <span>小萌象-黄18K金钻石耳钉 </span>
                    </a>
                </td>
                <td class="col_width_4">
                    <span>To Be love</span>
                </td>
                <td class="col_width_5">
                    <span>To Be love</span>
                </td>
                <td class="col_width_6">
                    <i>6.0</i>
                </td>
                <td class="col_width_7">
                    <div class="clearfix">
                        <button class="minus">-</button>
                        <input type="text" value="1">
                        <button class="add">+</button>
                    </div>
                </td>
                <td class="col_width_8">
                    <span>￥<i>8699</i></span>
                </td>
                <td class="col_width_9">
                    <span>删除</span>
                </td>
            </tr>
            <tr>
                <td class="col_width_1">
                    <div>
                        <img src="img/shop_cart_radio.png" alt="shop_cart_radio.png">
                        <img class="mark" src="img/shop_cart_radio_mark.png" alt="shop_cart_radio_mark.png">
                    </div>
                </td>
                <td class="col_width_2">
                    <a href="#"><img src="img/pro_pic_4.png" alt="pro_pic_4.png"></a>
                </td>
                <td class="col_width_3">
                    <a href="#">
                        <span>灵境-白18K金钻石对戒(男) </span>
                        <span>灵境-白18K金钻石对戒(女)</span>
                    </a>
                </td>
                <td class="col_width_4">
                    <span>To Be love</span>
                </td>
                <td class="col_width_5">
                    <span>To Be love</span>
                </td>
                <td class="col_width_6">
                    <i>12</i>
                </td>
                <td class="col_width_7">
                    <div class="clearfix">
                        <button class="minus">-</button>
                        <input type="text" value="1">
                        <button class="add">+</button>
                    </div>
                </td>
                <td class="col_width_8">
                    <span>￥<i>7000</i></span>
                </td>
                <td class="col_width_9">
                    <span>删除</span>
                </td>
            </tr>
            <tr>
                <td class="col_width_1">
                    <div>
                        <img src="img/shop_cart_radio.png" alt="shop_cart_radio.png">
                        <img class="mark" src="img/shop_cart_radio_mark.png" alt="shop_cart_radio_mark.png">
                    </div>
                </td>
                <td class="col_width_2">
                    <a href="#"><img src="img/pro_pic_5.png" alt="pro_pic_5.png"></a>
                </td>
                <td class="col_width_3">
                    <a href="#">
                        <span>年华-白18K金钻石耳钉</span>
                    </a>
                </td>
                <td class="col_width_4">
                    <span>To Be love</span>
                </td>
                <td class="col_width_5">
                    <span>To Be love</span>
                </td>
                <td class="col_width_6">
                </td>
                <td class="col_width_7">
                    <div class="clearfix">
                        <button class="minus">-</button>
                        <input type="text" value="1">
                        <button class="add">+</button>
                    </div>
                </td>
                <td class="col_width_8">
                    <span>￥<i>4101</i></span>
                </td>
                <td class="col_width_9">
                    <span>删除</span>
                </td>
            </tr>
        </tbody>
    </table>
    <!--结算 Settlement-->
    <div class="settlement clearfix">
        <ul class="clearfix">
            <li>
                <span>清空购物车</span>
                <a href="#">继续购物</a>
            </li>
            <!--总额 totals-->
            <li class="totals">
                <i>订单总额</i><span>￥<b>80100</b></span>
            </li>
            <!--应付payable-->
            <li class="payable">
                <i>本次应付</i><span>￥<b>80100</b></span>
            </li>
        </ul>
        <a href="www.baidu.com">去结算</a>
    </div>
</section>
<div class="right_nav">
    <img src="img/right_siderbar_pic_girl.png" alt="right_siderbar_pic_girl.png">
    <ul>
        <li>
            <a href="#">
            <img src="img/right_siderbar_pic_1.png" alt="right_siderbar_pic_1.png">
            <span>珠宝顾问</span>
            </a>
        </li>
        <li>
            <a href="#">
            <img src="img/right_siderbar_pic_2.png" alt="right_siderbar_pic_2.png">
            <span>购物车</span>
            </a>
        </li>
        <li>
            <a href="#">
            <img src="img/right_siderbar_pic_3.png" alt="right_siderbar_pic_3.png">
            <span>联系客服</span>
            </a>
        </li>
        <li>
            <a href="#">
            <img src="img/right_siderbar_pic_4.png" alt="right_siderbar_pic_4.png">
            <span>预约进店</span>
            </a>
        </li>
        <li>
            <a href="#">
            <img src="img/right_siderbar_pic_5.png" alt="right_siderbar_pic_5.png">
            <span>我的订单</span>
            </a>
        </li>
        <li class="code">
            <a href="#">
            <img src="img/right_siderbar_pic_code.png" alt="right_siderbar_pic_code.png">
            </a>
        </li>
    </ul>
</div>
<footer>
    <div class="container clearfix">
        <ul class="clearfix">
            <li>
                <img src="img/footer_icon_1.png" alt="footer_icon_1.png">
                <span>全国免费配送</span>
            </li>
            <li>
                <img src="img/footer_icon_2.png" alt="footer_icon_2.png">
                <span>商品货到付款</span>
            </li>
            <li>
                <img src="img/footer_icon_3.png" alt="footer_icon_3.png">
                <span>钻石以小换大</span>
            </li>
            <li>
                <img src="img/footer_icon_4.png" alt="footer_icon_4.png">
                <span>钻石一钻双证</span>
            </li>
            <li>
                <img src="img/footer_icon_5.png" alt="footer_icon_5.png">
                <span>15天免费退换</span>
            </li>
            <li>
                <img src="img/footer_icon_6.png" alt="footer_icon_6.png">
                <span>商品终身保养</span>
            </li>
        </ul>
        <div class="list clearfix">
            <a href="index.html" class="logo">
                <img src="img/logo.png" alt="logo.png">
            </a>
            <dl>
                <dt><a href="#">关于我们</a></dt>
                <dd><a href="#">品牌推荐</a></dd>
                <dd><a href="#">市场合作</a></dd>
                <dd><a href="#">诚聘贤才</a></dd>
                <dd><a href="#">联系我们</a></dd>
                <dd><a href="#">商务加盟</a></dd>
            </dl>
            <dl>
                <dt><a href="#">购物指南</a></dt>
                <dd><a href="#">购物流程</a></dd>
                <dd><a href="#">订单处理时间</a></dd>
                <dd><a href="#">订单查询</a></dd>
                <dd><a href="#">特殊商品说明</a></dd>
            </dl>
            <dl>
                <dt><a href="#">支付方式</a></dt>
                <dd><a href="#">在线支付</a></dd>
                <dd><a href="#">货到付款</a></dd>
                <dd><a href="#">银行汇款</a></dd>
                <dd><a href="#">海外汇款</a></dd>
            </dl>
            <dl>
                <dt><a href="#">配送方式</a></dt>
                <dd><a href="#">体验中心自提</a></dd>
                <dd><a href="#">全国免费配送</a></dd>
                <dd><a href="#">海外配送</a></dd>
                <dd><a href="#">货品包装</a></dd>
            </dl>
            <dl>
                <dt><a href="#">售后服务</a></dt>
                <dd><a href="#">售后政策</a></dd>
                <dd><a href="#">15天退换</a></dd>
                <dd><a href="#">以小换大</a></dd>
                <dd><a href="#">优惠换款</a></dd>
            </dl>
            <div class="code">
                <img src="img/QR_Code.png" alt="QR_Code.png">
                <span class="microblogs">微博</span><span>微信</span>
            </div>
        </div>
        <div class="contact clear">
            <img src="img/footer_icon_telephone.png" alt="footer_icon_telephone.png">
            <div>
                <span>400-880-0051</span>
                <span><i>咨询时间</i> 9:00 - 21:00</span>
            </div>
            <a href="#">进店有礼 · 甜蜜不停</a>
        </div>
        <ol class="clearfix">
            <li><a href="#">网站地图</a></li>
            <li><a href="#">友情链接</a></li>
            <li><a href="#">在线投诉</a></li>
            <li>沪ICP备08011593号</li>
            <li>copyright&copy;2002-2018 www.fengling.com 风灵 All Rights Reserved</li>
        </ol>
        <div class="friend">
            <span><i>广东风灵有限公司</i>400 880 0051</span>
            <ul class="clearfix">
                <li><a href="#">团购</a></li>
                <li><a href="#">中国品牌网</a></li>
                <li><a href="#">中国婚博会</a></li>
                <li><a href="#">生日礼物</a></li>
                <li><a href="#">中国女装品牌</a></li>
                <li><a href="#">钻石饰品价格</a></li>
                <li><a href="#">加盟网</a></li>
                <li><a href="#">翡翠</a></li>
                <li><a href="#">返利网</a></li>
            </ul>
        </div>
    </div>
</footer>
</body>
</html>
    <script src="js/shop_cart.js"></script>